<template>
	<view>
		
		<uni-nav-bar color="#333333" background-color="#FFFFFF" fixed="false" right-icon="search" @click-left="showCity"
		 @click-right="scan">
			<view class="input-view">
				<uni-icon type="search" size="22" color="#666666"></uni-icon>
				<input confirm-type="search" @confirm="confirm" class="input" type="text" placeholder="输入搜索关键词" />
			</view>
		</uni-nav-bar>

	</view>
</template>
<script>

import http from '@/common/http';
import util from '@/common/util';
import uniNavBar from '@/components/uni-nav-bar.vue'
import uniIcon from '@/components/uni-icon.vue'

import { mapGetters } from 'vuex'

export default {
	data() {
		return {

			
		}
	},
	computed : {
		...mapGetters([
			//'URL',
      	]),
	},

	onLoad() {

		
	},
	
	methods: {

	},

	components : {
		uniNavBar,
		uniIcon,
	},

}
</script>

<style scope>
.input-view {
	width: 92%;
	display: flex;
	background-color: #e7e7e7;
	height: 30px;
	border-radius: 15px;
	padding: 0 4%;
	flex-wrap:nowrap;
	margin:7px 0;
	line-height:30px;
}

.input-view .uni-icon{
	line-height:30px !important;
}

.input-view .input {
	height:30px;
	line-height:30px;
	width:94%;
	padding: 0 3%;
}	
</style>

